﻿<!DOCTYPE html>
<html>
<head>
    <!--   列表的首页---  -->


    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{model.title} - {site.name}</title>
 
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- 可选的Bootstrap主题文件（一般不用引入） -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    
    <style>
        .badge {
            color: #337ab7;
            font-size: 14px;
            font-weight: normal;
            background: 0;
        }

        .more {
            float: right;
            font-size: 12px;
            color: green;
        }

        #scrollTop {
            width: 57px;
            height: 57px;
            position: fixed;
            right: 40px;
            bottom: 62px;
            opacity: .6;
            background: url(top.png) no-repeat;
        }

            #scrollTop:hover {
                opacity: 1;
                background: url(top.png) no-repeat;
            }

        .img_radius {
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44);
            -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44);
            box-shadow: 1px 1px 1px rgba(0,0,0,.29),inset 1px 1px 1px rgba(255,255,255,.44);
        }

        .art-container {
            padding: 2px;
        }

        .art-title {
            font-weight: bold;
        }

        .art-title-info {
            font-size: 12px;
            color: gray;
            height: 28px;
            line-height: 28px;
            vertical-align: middle;
        }

            .art-title-info .art-left {
                float: left;
                margin-left: 60px;
            }

            .art-title-info .art-right {
                float: right;
                margin-right: 60px;
            }

        .art-title-right {
            float: right;
            margin-right: 60px;
            font-size: 12px;
            color: gray;
            height: 28px;
            line-height: 28px;
            vertical-align: middle;
        }

        .art-content {
            margin: 30px 0;
        }

        .mod-blogcommentitem {
            width: 100%;
            margin-top: 10px;
            font-size: 12px;
            overflow: hidden;
            border: 1px solid #dedede;
            background: #fafafa;
        }

            .mod-blogcommentitem .comment-inner {
                width: 100%;
                padding: 20px 20px 0 20px;
                color: #ddd;
            }

                .mod-blogcommentitem .comment-inner .comment-title {
                    color: #89898b;
                    font-size: 15px;
                    margin-bottom: 10px;
                }

                .mod-blogcommentitem .comment-inner .comment-textarea {
                    overflow: hidden;
                    width: 100%;
                    height: 63px;
                    color: #000;
                }

                .mod-blogcommentitem .comment-inner .comment-btn {
                    margin-top: 5px;
                    margin-bottom: 5px;
                    float: right;
                }

            .mod-blogcommentitem .comment-list {
                width: 682px;
                margin: 20px 20px 0 20px;
                float: left;
            }

                .mod-blogcommentitem .comment-list .comment-item {
                    border-bottom: 1px dotted #e6e6e6;
                    margin-top: 10px;
                }

        .comment-list .comment-item a {
            float: left;
            margin-right: 5px;
        }

        .comment-list .comment-item .item-top {
            float: none;
            line-height: 24px;
            overflow: visible;
        }

        .comment-list .item-top .user-name {
            float: left;
            color: green;
            margin-right: 10px;
        }

        .comment-list .item-top .comment-txt {
            float: left;
            margin-right: 10px;
        }

        .comment-list .comment-no-read {
            font-weight: bold;
        }

        .comment-list .comment-item .item-bottom {
            display: block;
            margin-left: 30px;
            margin-top: 5px;
            margin-bottom: 10px;
            overflow: visible;
        }

        .item-bottom span {
            color: gray;
            height: 17px;
            font-family: Georgia,Tahoma,Helvetica,arial;
        }

        .item-bottom .item-edit {
            float: right;
        }

        .mod-blogcommentitem a {
            color: #8cab4e;
            font-family: tahoma,helvetica,"Microsoft Yahei","寰蒋闆呴粦",arial;
            zoom: 1;
            text-decoration: none;
        }

            .mod-blogcommentitem a:hover {
                color: #ddd;
            }

        .q-taglist {
            padding: 0;
            overflow: hidden;
            list-style: none;
        }

            .q-taglist .q-icon {
                display: block;
                float: left;
                height: 24px;
                line-height: 24px;
                width: 26px;
                padding: 6px 4px;
                background: url(q-tag.png) no-repeat 4px -10px;
            }

            .q-taglist .q-tagitem {
                float: left;
                font-size: 12px;
                line-height: 26px;
                padding: 0 2px;
            }

            .q-taglist .a-tagitem {
                color: #454545;
                padding: 2px 4px;
                _padding: 4px 4px 0;
                word-break: keep-all;
                word-wrap: normal;
                text-decoration: none;
            }

                .q-taglist .a-tagitem:hover {
                    color: #fff;
                    background-color: #3fa7cb;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                }

        .mod-footer .hidden-box {
            line-height: 0;
            height: 0;
            overflow: hidden;
        }

        .mod-footer .footer-box {
            text-align: center;
            font-family: Arial,simsun;
            font-size: 12px;
        }

            .mod-footer .footer-box .inner-box {
                margin-bottom: 10px;
                line-height: 14px;
                height: 14px;
                overflow: hidden;
                color: #3fa7cb;
            }

            .mod-footer .footer-box .copy-box {
                margin-bottom: 20px;
                color: #959595;
                line-height: 25px;
                height: 25px;
                overflow: hidden;
            }

                .mod-footer .footer-box .copy-box img {
                    vertical-align: middle;
                }
    </style>

</head>
<body>

    <!--Header-->
    <%template src="_header.html"%>
    <!--/Header-->



    <div class="container">
        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-default">
                    <div class="panel-body" style="padding:0px;">
                        <ol class="breadcrumb" style="margin:0px;">
                            <li><a href="#">首页</a></li>
                            <li class="active"><a href="#">新闻</a></li>
                        </ol>
                    </div>
                </div>

            </div>
        </div>

    </div>


    <div class="container">

        <div class="row">
            <div class="col-md-12">

                <div class="panel panel-default">
                    <div class="panel-body" style="padding:0px;">
                        <ol class="breadcrumb" style="margin:0px;">
                            <li><a href="http://mtg.jflyfox.com:80/home.html">首页</a></li>
                            <li class="active"><a href="/article">文章</a></li>
                        </ol>
                    </div>
                </div>

            </div>
        </div>

        <div class="row">
            <!-- 文章 -->
            <div class="col-md-8">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">新闻</h3>
                    </div>
                    <!-- 文章列表 -->
                    <ul class="list-group">
                        <li class="list-group-item">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="thumbnail">
                                        <img src="http://mtg.jflyfox.com:80/download/image_url/20150525_233451_151572.jpg" alt="S1线6号线西延 明年年底开通" height="85" data-holder-rendered="true"
                                             style="height: 85px; width: 100%; display: block;">
                                    </div>
                                </div>
                                <div class="col-md-10">
                                    <h4>
                                        <a href="http://mtg.jflyfox.com:80/front/article/112.html" target="_blank" title="S1线6号线西延 明年年底开通">
                                            S1线6号线西延 明年年底开通
                                        </a>
                                        <span class="label label-primary">置顶</span>
                                        <span class="label  label-success">推荐</span>
                                        <div class="pull-right" style="font-size:12px;">

                                            <!-- 编辑区 -->
                                            <a href="http://mtg.jflyfox.com:80/front/article/112.html" target="_blank"><span>查看全部</span></a>
                                        </div>
                                    </h4>

                                    <p>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;S1线预计明年年底将与6号线西延一起开通，同时长安街西延工程预计2017年12月全线通车。未来门头沟也将成为距离中心城区最近、交通最便利的新城。这是门头沟区区长王洪钟今天上午做  ......
                                    </p>

                                    <footer>
                                        <div class="pull-left">
                                            <small>发布时间：2015-04-20</small>
                                        </div>
                                        <div class="pull-right">
                                            <a href="http://mtg.jflyfox.com:80/front/article/112.html#article_comment" style="vertical-align: middle;" target="_blank"><small>评论(55)</small></a>
                                            &nbsp;
                                            <small style="vertical-align: middle;">浏览量(4094)</small>
                                            &nbsp;
                                            <span style="vertical-align: middle;cursor: pointer;" id="articlelike_112" onclick="articlelike.click(112);"
                                                  class="glyphicon glyphicon-heart-empty"
                                                  title="喜欢" aria-hidden="true"></span>
                                        </div>
                                    </footer>
                                </div>
                            </div>
                        </li>
                        <li class="list-group-item">
                            <div class="row">
                                <div class="col-md-2">
                                    <div class="thumbnail">
                                        <img src="http://mtg.jflyfox.com:80/static/front/images/news.jpg" alt="成都专业开锁公司" height="85" data-holder-rendered="true"
                                             style="height: 85px; width: 100%; display: block;">
                                    </div>
                                </div>
                                <div class="col-md-10">
                                    <h4>
                                        <a href="https://www.u-jz.com" target="_blank" title="成都清掏化粪池">
                                            成都清掏化粪池
                                        </a>
                                        <div class="pull-right" style="font-size:12px;">

                                            <!-- 编辑区 -->
                                            <a href="https://www.u-jz.com" target="_blank"><span>成都优家政</span></a>
                                        </div>
                                    </h4>

                                    <p>
                                        成都开锁行业有很多服务人员，也有很多这样的公司，包括但不限于各种个体工商户和注册企业的公司；但是乱象横生，各种人员都有，所以我们在找开锁师傅的时候，一定要注意安全。。。。
                                    </p>

                                    
                                </div>
                            </div>
                        </li>
                       
                      
                        <li class="list-group-item"> 
                            <nav>
                                <ul class="pagination" style="margin: 0px;">
                                    <li class="page active"><a href="https://www.u-jz.com">1</a></li>
                                    <li class="page "><a href="https://www.u-jz.com">2</a></li>
                                    <li class="page "><a href="https://www.u-jz.com">3</a></li>
                                    <li class="page "><a href="https://www.u-jz.com">4</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=5">5</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=6">6</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=7">7</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=8">8</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=9">9</a></li>
                                    <li class="page "><a href="https://www.u-jz.com?pageNo=10">10</a></li>
                                    <li class="page"><a href="https://www.u-jz.com?pageNo=27">27</a></li>
                                    <li class="page next"><a href="https://www.u-jz.com?pageNo=2">&gt;</a></li>
                                </ul>
                            </nav>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 信息列表 -->
            <div class="col-md-4">

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">公告</h3>
                    </div>
                    <div class="panel-body">
                        <p><span class="label label-info">1</span> <a href="https:www.u-jz.com" target="_blank">成都家政保洁、家电清洗 </a></p>
                        <p><span class="label label-info">2</span> <a href="https:www.u-jz.com" target="_blank">成都家政保洁、家电清洗 </a></p>
                        <p><span class="label label-info">3</span> <a href="https:www.u-jz.com" target="_blank"> 成都家政保洁、家电清洗</a></p>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">推荐标签<a class="more" href="https:www.u-jz.com">更多</a></h3>
                    </div>
                    <div class="panel-body">
                        <ul class="q-taglist clearfix">
                            <li title="标签"><span class="q-icon"></span></li>
                            <li class="q-tagitem">
                                <a class="a-tagitem" href="https://www.u-jz.com/Home/Service/jd">家电清洗</a>
                            </li> 
                            <li class="q-tagitem">
                                <a class="a-tagitem" href="https://www.u-jz.com/Home/Service/kh">新居开荒保洁</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <!-- 推荐文章 -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">推荐文章<a class="more" href="https://www.u-jz.com">更多</a></h3>
                    </div>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <span class="badge">04-20</span>
                            <a href="http://www.cdccpt.com/order.html" target="_blank" title="闪达跑腿在线下单">
                                闪达跑腿在线下单
                            </a>
                        </li> 
                        <li class="list-group-item">
                            <span class="badge">05-24</span>
                            <a href="http://www.cdccpt.com/order.html" target="_blank" title="闪达跑腿在线下单">
                                闪达跑腿在线下单
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 广告 -->
                <!-- <div class="panel panel-default" style="padding: 5px 0px 5px 10px;">
              
                    <script type="text/javascript">
                        var cpro_id = "u2214479";
                        (window["cproStyleApi"] = window["cproStyleApi"] || {})[cpro_id] = { at: "3", rsi0: "336", rsi1: "280", pat: "17", tn: "baiduCustNativeAD", rss1: "#FFFFFF", conBW: "1", adp: "1", ptt: "0", titFF: "", titFS: "14", rss2: "#000000", titSU: "0" }
                    </script>
                    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>

                   
                </div> -->
                <!-- 友情链接 -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">友情链接</h3>
                    </div>

                    <ul class="list-group">
                   
                        <li class="list-group-item">
                            <a href="http://www.cdccpt.com" target="_blank" title="闪达跑腿">
                                大峪中学
                            </a>
                        </li>
                        <li class="list-group-item">
                            <a href="https://www.u-jz.com" target="_blank" title="优家政">
                                Jflyfox博客
                            </a>
                        </li>
                        <li class="list-group-item">
                            <a href="http://www.918suoye.com" target="_blank" title="918锁业">
                                ZYL的博客
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

    </div>


    <!--Footer-->
    <%template src="_footer.html"%>
    <!--/Footer-->

 
</body>
</html>
